<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>江西财经职业学院</title>
    <link rel="stylesheet" href="jxvc.css">
    <link rel="shortcut icon" href="./images/wangyetubiao.jpg">
</head>

<body>
    <!-- 头部部分开始 -->

    <div class="toububufen">

        <!-- 头部上方 -->

        <div class="toubushangfang">
            <img src="./images/jxcjzyxy.png" class="toubutubiao">
            <div class="toubuwenzi">
                <div class="wenzishang">
                    <span>电子邮件</span><span>|</span><span>办事大厅</span><span>|</span><span>数字校园</span><span>|</span><img
                        src="./images/fangdajing.png" class="fangdajing">
                </div>
                <div class="wenzixia">
                    <span>学院概况</span><span>院系建设</span><span>教学科研</span><span>思政网</span><span>招生就业</span><span>人才培养</span><span>学工在线</span><span>青春财院</span><span>图书资料</span><span>国际交流</span><span>心理家园</span><span>政策法规</span><span>党风廉政</span>
                </div>
            </div>
        </div>

        <!-- 头部下方 -->

        <div class="toubuxiafang">
            <div class="qiu">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span>
            </div>
        </div>

    </div>

    <!-- 头部部分结束 -->

    <!-- 中间部分开始 -->

    <div class="zhongjianbufen">
        <div class="zhongjianneirong">

            <!-- 中间部分标题 -->

            <div class="zhongjianneirongbiaoti">
                <span class="biaoti1">财院</span><span class="biaoti2">新闻/</span><span class="biaoti3">News</span><span
                    class="biaoti1">通知</span><span class="biaoti2">公告/</span><span class="biaoti3">Notice</span><span
                    class="biaoti1">媒体</span><span class="biaoti2">关注/</span><span class="biaoti3">Media</span><span
                    class="biaoti1">财院</span><span class="biaoti2">视频/</span><span class="biaoti3">Video</span>
            </div>

            <!-- 中间部分卡片 -->

            <div class="zhongjianneirongkapian">

                <!-- 中间部分上部卡片 -->

                <div class="midContent-cardUp">

                </div>

                <!-- 中间部分下部卡片 -->

                <div class="zhongjianneirongkapianxia">
                    <div class="kapianxia">
                        <div class="kapianxianeirong">
                            <div class="kapianxiatouwenzi">
                                我校在2024年度江西高校思想政治工作优秀论文评选中喜获佳绩
                            </div>
                            <div class="kapianxiashijian">
                                <img src="./images/shizhong.png" class="shizhong">
                                <span>2024-09-18</span>
                            </div>
                            <div class="kapianxiaweiwenzi">
                                近日，省教育厅公布了2024年度江西高校思想政治工作优秀论文和优秀案例评选结果。我校选送的3篇论文均榜上有名，荣获思政优秀论文一等奖2项、二等奖1项。
                            </div>
                        </div>
                    </div>

                    <div class="kapianxia">
                        <div class="kapianxianeirong">
                            <div class="kapianxiatouwenzi">
                                我校在2024年度江西高校思想政治工作优秀论文评选中喜获佳绩
                            </div>
                            <div class="kapianxiashijian">
                                <img src="./images/shizhong.png" class="shizhong">
                                <span>2024-09-14</span>
                            </div>
                            <div class="kapianxiaweiwenzi">
                                近日，省教育厅公布了2024年度江西高校思想政治工作优秀论文和优秀案例评选结果。我校选送的3篇论文均榜上有名，荣获思政优秀论文一等奖2项、二等奖1项。
                            </div>
                        </div>
                    </div>

                    <div class="kapianxia">
                        <div class="kapianxianeirong">
                            <div class="kapianxiatouwenzi">
                                我校在2024年度江西高校思想政治工作优秀论文评选中喜获佳绩
                            </div>
                            <div class="kapianxiashijian">
                                <img src="./images/shizhong.png" class="shizhong">
                                <span>2024-09-11</span>
                            </div>
                            <div class="kapianxiaweiwenzi">
                                近日，省教育厅公布了2024年度江西高校思想政治工作优秀论文和优秀案例评选结果。我校选送的3篇论文均榜上有名，荣获思政优秀论文一等奖2项、二等奖1项。
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 中间部分更多 -->

            <div class="zhongjianbufengengduo">
                <div class="gengduoneirong">
                    <span>查看更多</span><img src="./images/youjiantou.png" class="youjiantou">
                </div>
            </div>
        </div>
    </div>

    <!-- 中间部分结束 -->

    <!-- 中间图片开始 -->

    <div class="zhongjianbufentupian">
        <img src="./images/zhongjiantupian.jpg">
    </div>

    <!-- 中间图片结束 -->

    <!-- 中间图片下部开始 -->

    <div class="zhongjiantupianxiabu">
        <div class="yuankuai">
            <img src="./images/banshidating.png">
            <div>办事大厅</div>
        </div>
        <div class="yuankuai">
            <img src="./images/keyanchuangxin.png">
            <div>科研创新</div>
        </div>
        <div class="yuankuai">
            <img src="./images/shuzixiaoyuan.png">
            <div>数字校园</div>
        </div>
        <div class="yuankuai">
            <img src="./images/xuegongdongtai.png">
            <div>学工动态</div>
        </div>
        <div class="yuankuai">
            <img src="./images/lingdaoxinxiang.png">
            <div>领导信箱</div>
        </div>
        <div class="yuankuai">
            <img src="./images/zhushengcaizhen.png">
            <div>驻省财政厅纪检监</div>
            <div>察组举报邮箱</div>
        </div>
        <div class="yuankuai">
            <img src="./images/xuexiaojubao.png">
            <div>学校举报邮箱</div>
        </div>
    </div>

    <!-- 中间图片下部结束 -->

    <!-- 部门招生部分开始 -->

    <div class="bumenzhaoshengbufen">

        <!-- 部门招生标题 -->

        <div class="bumenzhaoshenbiaoti">
            <div class="biaotizheng">
                <span class="biaoti4">部门</span><span class="biaoti5">动态/</span><span class="biaoti6">Dynamics</span>
            </div>
            <div class="biaotizheng">
                <span class="biaoti4">招生</span><span class="biaoti5">就业/</span><span class="biaoti6">Recruit</span>
            </div>
        </div>

        <!-- 部分招生卡片 -->

        <div class="bufenzhaoshengkapianbufen">
            <div class="bufenzhaoshengkapian">
                <div class="bufenzhaoshengkapianneirong">
                    <div class="xianzhi2">
                        <img src="./images/bufenzhaoshengtupian.jpg" class="bufenzhaoshengtupian">
                    </div>
                    <div class="bufenzhaoshengkapianwenzi">
                        <div class="bufenzhaoshengkapianwenzitou">
                            <div class="bufenzhaoshengkapiantoubuwenzi">
                                关于2024年我校新生入学报到事项说明
                            </div>
                            <div class="zhaoshengkapianshijian">
                                <img src="./images/shizhong.png">
                                <span>2024-07-05</span>
                            </div>
                            <div class="bufenzhaoshengkapianwenziwei">
                                亲爱的新同学：祝贺您被我校录取！为使您能顺利来我校办理新生入学报到手续，请认真阅读以下说明，谢谢您的配合！一、入学报到时间：2024年9月6日-8日二、入学报到地点：1．数字经济学院、财税金融学院、城乡建设学院、工商管理学院、经济贸易学院、基础教育学院、文化旅游学院的新生均在八里湖校区报到（地址:江西省九江市八里湖新区八里湖大道216号）。2．会计学院、信息工程学院、国际教育学院（外国语学院）、现代服务学院
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bufenzhaoshengkapian">
                <div class="bufenzhaoshengkapianneirong">
                    <div class="xianzhi2">
                        <img src="./images/bufenzhaoshengtupian.jpg" class="bufenzhaoshengtupian">
                    </div>
                    <div class="bufenzhaoshengkapianwenzi">
                        <div class="bufenzhaoshengkapianwenzitou">
                            <div class="bufenzhaoshengkapiantoubuwenzi">
                                2024年江西财经职业学院招生简章
                            </div>
                            <div class="zhaoshengkapianshijian">
                                <img src="./images/shizhong.png">
                                <span>2024-06-24</span>
                            </div>
                            <div class="bufenzhaoshengkapianwenziwei">
                                点击打开：2024年江西财经职业学院招生简
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="bufenzhaoshengkapian">
                <div class="bufenzhaoshengkapianneirong">
                    <div class="xianzhi2">
                        <img src="./images/bufenzhaoshengtupian.jpg" class="bufenzhaoshengtupian">
                    </div>
                    <div class="bufenzhaoshengkapianwenzi">
                        <div class="bufenzhaoshengkapianwenzitou">
                            <div class="bufenzhaoshengkapiantoubuwenzi">
                                关于招聘2024年勤工俭学大学生协助暑期招生工作的通知
                            </div>
                            <div class="zhaoshengkapianshijian">
                                <img src="./images/shizhong.png">
                                <span>2024-05-23</span>
                            </div>
                            <div class="bufenzhaoshengkapianwenziwei">
                                为了做好2024年学校招生录取工作，拟招聘暑期招生咨询电话接线员8人（工作3个月）、其他录取工作人员6人（工作1个月）。一、应聘条件：1.招生咨询电话接线员22、23级在校女生、其他协助录取工作人员22、23级在校学生；2.组织纪律性强，责任心强，具有团队合作精神；3.踏实肯干，吃苦耐劳，家庭贫困者优先考虑；4.普通话标准，语言清晰、流利，反应灵活，有良好的沟通能力和亲和力。二、工作时间：1．招生咨询电话接线员2024年6
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 部分招生图标 -->

        <div class="bufenzhaoshengtubiao">
            <img src="./images/bufenzhaosheng.png">
            <img src="./images/bufenzhaosheng.png">
            <img src="./images/bufenzhaosheng.png">
            <img src="./images/bufenzhaosheng.png">
            <img src="./images/bufenzhaosheng.png">
            <img src="./images/bufenzhaosheng.png">
        </div>
    </div>

    <!-- 部门招生部分结束 -->

    <!-- 专题专栏部分开始 -->

    <div class="zhuantizhuanlanbufen">

        <!-- 专题专栏标题 -->

        <div class="zhuantizhuanlanbufenbiaoti">
            <span class="biaoti7">专题</span><span class="biaoti8">专栏/</span><span class="biaoti9">Special</span>
        </div>

        <!-- 专题专栏卡片 -->

        <div class="zhuantizhuanlanbufenkapian">
            <div class="ztzlkapianneirong">
                <img src="./images/zhuantitupian1.jpg">
                <img src="./images/zhuantitupian2.jpg">
                <img src="./images/zhuantitupian3.png">
                <img src="./images/zhuantitupian4.jpg">
                <img src="./images/zhuantitupian5.png">
                <img src="./images/zhuantitupian6.png">
            </div>
        </div>
    </div>
    <!-- 专题专栏部分结束 -->

    <!-- 站点地图部分开始 -->

    <div class="zhandianditubufen">

        <!-- 站点标题 -->

        <div class="zhandianbiaotibufen">
            <span class="biaoti7">站点</span><span class="biaoti8">地图/</span><span class="biaoti9">Site map</span>
        </div>

        <!-- 站点横条 -->

        <div class="zhandianhengtiao">

            <!-- 横条上 -->

            <div class="hengtiaoshang">
                <div class="hengtiaokuai active">
                    <span>校务公开</span>
                    <img src="./images/xiajiantou.png">
                </div>
                <div class="hengtiaokuai">
                    <span>党政机关</span>
                    <img src="./images/xiajiantou.png">
                </div>
                <div class="hengtiaokuai">
                    <span>后勤服务</span>
                    <img src="./images/xiajiantou.png">
                </div>
                <div class="hengtiaokuai">
                    <span>继续教育</span>
                    <img src="./images/xiajiantou.png">
                </div>
                <div class="hengtiaokuai">
                    <span>网络服务</span>
                    <img src="./images/xiajiantou.png">
                </div>
            </div>

            <!-- 横条下 -->
            <div class="hengtiaoxia selected">
                <img src="./images/dian.png"><span class="text">校园通知</span>
                <img src="./images/dian.png"><span class="text">招标投标</span>
                <img src="./images/dian.png"><span class="text">人才招聘</span>
                <img src="./images/dian.png"><span class="text">预决算公开</span>
            </div>
            <div class="hengtiaoxia">
                <img src="./images/dian.png"><span class="text">人事处</span>
                <img src="./images/dian.png"><span class="text">党校</span>
                <img src="./images/dian.png"><span class="text">纪委</span>
                <img src="./images/dian.png"><span class="text">机关党总支</span>
                <img src="./images/dian.png"><span class="text">对外合作和交流中心</span>
            </div>
            <div class="hengtiaoxia">
                <img src="./images/dian.png"><span class="text">后勤处</span>
                <img src="./images/dian.png"><span class="text">工会</span>
                <img src="./images/dian.png"><span class="text">保卫处</span>
            </div>
            <div class="hengtiaoxia">
                <img src="./images/dian.png"><span class="text">成人教育</span>
                <img src="./images/dian.png"><span class="text">证书考试</span>
            </div>
            <div class="hengtiaoxia">
                <img src="./images/dian.png"><span class="text">网络信息技术服务中心</span>
                <img src="./images/dian.png"><span class="text">电子邮件</span>
                <img src="./images/dian.png"><span class="text">数字校园（内）</span>
            </div>

        </div>
    </div>

    <!-- 站点地图部分结束 -->

    <!-- 动画部分开始 -->

    <div class="donghuabufen">
        <div class="donghuaneirong">
            <div class="donghuakuai">
                <img src="./images/jiuyefuwu.png" class="move">
                <span>就业服务</span>
            </div>
            <div class="donghuakuai">
                <img src="./images/xiaoyuanfengjing.png" class="move">
                <span>校园风景</span>
            </div>
            <div class="donghuakuai">
                <img src="./images/jingpinkecheng.png" class="move">
                <span>精品课程</span>
            </div>
            <div class="donghuakuai">
                <img src="./images/zhengcefagui.png" class="move">
                <span>政策法规</span>
            </div>
            <div class="donghuakuai">
                <img src="./images/xiaoyuanjiaoliu.png" class="move">
                <span>院校交流</span>
            </div>
            <div class="donghuakuai">
                <img src="./images/zhijiaojituan.png" class="move">
                <span>职教集团</span>
            </div>
            <div class="donghuakuai">
                <img src="./images/xiaoyouzonghui.png" class="move">
                <span>校友总会</span>
            </div>
        </div>
    </div>

    <!-- 动画部分结束 -->

    <!-- 尾部部分开始 -->

    <div class="weibu">

        <!-- 尾部上部文字 -->

        <div class="weibushangbuwenzi">
            <div class="shangzuowenzi">
                友情链接/LINK
            </div>
            <div class="shangyouwenzi">
                <div class="xiaokuai">
                    <span>></span>
                    <span>江西省教育厅</span>
                </div>
                <div class="xiaokuai">
                    <span>></span>
                    <span>江西省财政厅</span>
                </div>
                <div class="xiaokuai">
                    <span>></span>
                    <span>江西省高教网</span>
                </div>
                <div class="xiaokuai">
                    <span>></span>
                    <span>江西省考试院</span>
                </div>
                <div class="xiaokuai">
                    <span>></span>
                    <span>江西省人民政府</span>
                </div>
                <div class="xiaokuai">
                    <span>></span>
                    <span>南昌校区</span>
                </div>
                <div class="xiaokuai">
                    <span>></span>
                    <span>九江人才网</span>
                </div>
                <div class="xiaokuai">
                    <span>></span>
                    <span>大江网</span>
                </div>
                <div class="xiaokuai">
                    <span>></span>
                    <span>大学生就业网</span>
                </div>
                <div class="xiaokuai">
                    <span>></span>
                    <span>省高校就业办</span>
                </div>
            </div>
        </div>
        <!-- 尾部下部 -->

        <div class="weibuxiabu">

            <!-- 左侧图标 -->

            <img src="./images/jxcjzyxy.png" class="weibutubiao">

            <!-- 中间地址 -->

            <div class="weibudizhi">
                <div class="yi">浔阳校区地址：江西省九江市浔阳区青年路96号 邮编：332000 </div>
                <div class="er">八里湖校区江西省九江市八里湖新区八里湖大道216号 邮编：332000 </div>
                <div class="san">电话：(0792)8224168 传真：(0792)8183196</div>
                <div class="si">版权所有：江西财经职业学院版权所有 赣ICP备05003321号-1</div>
                <div class="wu">
                    <img src="./images/jinghui.png">
                    <span>赣公网安备36040302000140号</span>
                </div>
            </div>

            <!-- 右侧二维码 -->

            <div class="erweima">
                <div>
                    <img src="./images/guanfangweixin.png" class="ma">
                    <span>官方微信</span>
                </div>
                <div>
                    <img src="./images/zhongguojiaoyududao.jpg" class="ma">
                    <span>中国教育督导</span>
                </div>
                <div>
                    <img src="./images/shiyedanwei.png">
                </div>
            </div>
        </div>

    </div>
    <!-- 尾部部分结束 -->
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.7.2/axios.js"></script>
<script>
    // 站点地图选项卡切换开始

    let kuaEle = document.querySelectorAll(".hengtiaokuai");
    let xiaELe = document.querySelectorAll(".hengtiaoxia");
    let textEle = document.querySelectorAll(".text");
    [...kuaEle].forEach((kuEle, index) => {
        kuEle.addEventListener("click", function () {
            [...kuaEle].forEach((ele) => {
                ele.classList.remove("active");
            });
            this.classList.add("active");
            [...xiaELe].forEach((ele) => {
                ele.classList.remove("selected")
            });
            [...xiaELe][index].classList.add("selected");
        });
    });

    // 站点地图选项卡切换结束

    // 动画部分开始

    let boxEles = document.getElementsByClassName("move");
    [...boxEles].forEach((element) => {
        // 鼠标进入事件
        element.addEventListener("mouseenter", function () {
            this.classList.add("aniIn");
        });

        // 鼠标离开事件
        element.addEventListener("mouseleave", function () {
            this.classList.add("aniOut");
            setTimeout(() => {
                this.classList.remove("aniIn");
                this.classList.remove("aniOut");
            }, 400);
        });
    });

    // 动画部分结束

    // 默认获取新闻数据
    let midContentCardUpEle = document.getElementsByClassName("midContent-cardUp");
    async function fetchNewsData() {
        let { data } = await axios({
            method: "get",
            url: "http://127.0.0.1:5000/news",
        });
        // 循环data，拼接页面结构
        let str = "";
        data.forEach((item) => {
            str +=
                `
                    <div class="kapianshang">
                        <div class="xianzhi1">
                            <img src="${item.coverImg}" class="kapiantupian">
                        </div>
                        <div class="kapianwenzi">
                            <div class="kapianshangtouwenzi">
                                ${item.title}
                            </div>
                            <div class="kapianshijian">
                                <img src="./images/shizhong.png" class="shizhong">
                                <span>${item.pubDate}</span>
                            </div>
                            <div class="kapianshangweiwenzi">
                                ${item.content}
                            </div>
                        </div>
                    </div>
        `;
        });
        // 作为midContent-cardUp容器的内容
        midContentCardUpEle[0].innerHTML = str;
    };
    fetchNewsData();
</script>

</html>